<ion-header>
    <ion-navbar color="orange">
        <ion-title>
            我的悬赏任务
        </ion-title>
    </ion-navbar>
</ion-header>
<ion-content>
    <div class="ht-100 ht-overflow ht-padding-tb ht-border-bottom" padding-left padding-right
         *ngFor="let item of lists">
        <div class="ht-100 ht-overflow ht-font-13 ht-333 ht-padding-bottom5 ht-line-20">
            <div [navPush]="'PostDetailPage'" [navParams]="{id: item.amoy_id}">
                <div class="flex flex-line-between margin-bottom-5">
                    <span class="pr-margin-right">{{item.amoy_sn}}</span>
                    <span class="pr-margin-right">{{item.type_name}}</span>
                </div>
                <div class="flex flex-line-between margin-bottom-5">
                    <span class="pr-margin-right">￥{{item.reward_price}}</span>
                    <span class="pr-yjd pr-margin-right"
                          [ngStyle]="{'color':item.mission_status == 3 ? '#ccc' : '#f39801','border-color':item.mission_status == 3 ? '#ccc' : '#f39801'}">{{item.mission_status_name}}</span>
                </div>
            </div>
            <div class="ht-100 ht-overflow ht-font-12 ht-999 ht-text-right" *ngIf="item.mission_status != 3">
                <!--<i class="ht-padding-l5">置顶</i>-->
                <i class="ht-padding-l5" (click)="changeStatus(item.amoy_id, 3)"
                   *ngIf="item.mission_status == 0">终止任务</i>
                <i class="ht-padding-l5"
                   (click)="pageRedirect('EnlistPage',{backPage:'EnlistPage',amoy_id:item.amoy_id})">报名列表</i>
                <i class="ht-padding-l5" (click)="changeStatus(item.amoy_id, 2, item.user_id)"
                   *ngIf="item.mission_status == 1">完成确认</i>
                <i class="ht-padding-l5"
                   (click)="pageRedirect('CommentDingPage',{amoy_id:item.amoy_id,type:'reward-boss'})"
                   *ngIf="item.mission_status == 2">评价佣丁</i>
            </div>
        </div>
    </div>
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
        <ion-infinite-scroll-content></ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>
